<nz-table #filterTable [nzData]="courseGPA" nzTableLayout="fixed" [nzLoading]="loading">
  <thead>
  <tr>
    <th
      *ngFor="let column of listOfColumns"
      [nzSortOrder]="column.sortOrder"
      [nzSortFn]="column.sortFn"
      [nzSortDirections]="column.sortDirections"
      [nzFilterMultiple]="column.filterMultiple"
      [nzFilters]="column.listOfFilter"
      [nzFilterFn]="column.filterFn"
    >
      {{ column.name }}
    </th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let data of filterTable.data">
    <td routerLink="./{{data.courseid}}">{{ data.courseid }}</td>
    <td>{{ data.coursename }}</td>
    <td>{{ data.type }}</td>
    <td>{{ data.credit }}</td>
    <td routerLink="./{{data.courseid}}">{{ data.peopleNumber }}</td>
    <td>{{ data.AveGPA.toFixed(4)}}</td>
  </tr>
  </tbody>
</nz-table>
<!--<div echarts [options]="option" class="demo-chart"></div>-->

